<style>
	
	.bot-nav {
	
    width: 100%;
    height: 50px;
    background: #EFEFEF;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}
	.bot-nav .tab {
    	width: 25%;
    	height: 50px;
    	display: block;
    	text-align: center;
    	float: left;
    	/*color: #5f646e;*/
	}
	.bot-nav .tab i {
   		width: 24px;
    	height: 24px;
    	display: block;
    	margin: 5px auto 0;
    	
	}
	.bot-nav .tab p{
		padding-top: 2px;
	}
	.active i{
		color: #FF6524;
	}
	/*color: #5f646e;*/
	.tab p{
		color: #9F9B9C;
	}
	.active p{
		color: #FF6524;
	}
</style>

 <div style="padding-bottom: 50px;"></div>
<link href="{$app_path}{$static_path}/mob/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
<div class="bot-nav">
  	<a href="/dow/" class="tab active">
  		<i class="icon iconfont icon-shouyeshouye1"></i><p style="font-size: 12px;">首页</p>
  	</a>
	<a href="/dow/index.php/credit/investorinfo.html" class="tab">
  		<i class="icon iconfont icon-jiaoyi"></i><p style="font-size: 12px;">交易记录</p>
	</a>
  	<a href="/dow/index.php/survey/index.html" class="tab">
  		<i class="icon iconfont icon-gerenzhongxin"></i><p style="font-size: 12px;">个人中心</p>
  	</a>
  	<a href="/dow/index.php/contact/index.html" class="tab">
  		<i class="icon iconfont icon-phone"></i><p style="font-size: 12px;">联系方式</p>
  	</a>
  	<div class="clr"></div>
</div>
<script>
var Cts =window.location.href;
if(Cts.indexOf("credit") > 0 ){
	$($(".bot-nav a")[0]).attr("class","tab");
	$($(".bot-nav a")[1]).attr("class","tab active");
}
if(Cts.indexOf("survey") > 0 ){
	$($(".bot-nav a")[0]).attr("class","tab");
	$($(".bot-nav a")[2]).attr("class","tab active");
}
if(Cts.indexOf("contact") > 0 ){
	$($(".bot-nav a")[0]).attr("class","tab");
	$($(".bot-nav a")[3]).attr("class","tab active");
}
</script>